<template>
  <div class="footer">
    <div>合计:{{list.length}}</div>
    <div @click="$emit('handelC')">清空任务</div>
  </div>
</template>
<script>
export default{
    name:'',
    props:{
      list:{
        type:Array,
        default:()=>[]
      }
    },
    data () {
        return {
            
        }
    },
    created () {
    },
    computed:{
    },
    methods:{
    }
}
</script>
<style lang='less'  scoped>
.footer{
  background-color: antiquewhite;
  display: flex;
}
.footer div:nth-child(1){
  flex:1
}
.footer div:nth-child(2){
  flex:1;
  background-color:orange;
}
    
</style>
